<template>
  <div class="about">
    <h1>This is an about page</h1>
    <h1>{{msg}}---{{age}}</h1>
    <slot name="qwer">默认内容</slot>
  </div>
</template>
<script>
export default {
  props:['msg','age'],
  beforeCreate(){
    // console.log('此时执行的是beforeCreate');
  },
  setup(props,context) {
    const {msg,age}=props
    // console.log('此时执行的是setup中的代码');
    //setup比beforeCreate先执行
    console.log("props----",props);
    //props接收父组件传递的参数
    // console.log('a--------',context);
    //context.attrs其中包含在组件外部传递过来但是没有在props中声明接收的属性
    console.log('slot--------',context.slots);
    //context.slot接收插槽信息
    //context.emit定义自定义事件
    return {
      msg,
      age,
    }
  },
}
</script>
